<template>
  <view class="page">
    <image
      class="discern-pic"
      src="https://img1.baidu.com/it/u=2684101037,808780079&fm=253&fmt=auto&app=138&f=JPEG?w=667&h=500"
      mode="scaleToFill"
    />
    <view class="btns">
      <view class="btns-item" @click="gotoBack">返回</view>
      <view class="btns-item" @click="gotoResuit">开始诊断</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  onLoad() {},
  methods: {
    gotoBack() {
      uni.navigateBack({ delta: 1 });
    },
    gotoResuit() {
      uni.navigateTo({
        url: "/pages/discern/result",
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.page {
  position: relative;
  width: 100%;
  height: 100vh;
  background: rgba($color: #000000, $alpha: 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.discern-pic {
  width: 697rpx;
  height: 697rpx;
  margin-bottom: 150rpx;
  //   height: 468rpx;
}
.btns {
  width: 100%;
  position: fixed;
  bottom: 72rpx;
  padding: 0 51rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  &-item {
    width: 298rpx;
    height: 81rpx;
    background: #000000;
    font-size: 32rpx;
    font-weight: 400;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 53rpx;
  }
}
</style>
